
//插入背景音乐
/*http://qzone.haoduoge.com/music/25A031QB4F024319404BE23420D363BDF7675.mp3
*/
var x = document.createElement("audio");
x.setAttribute("id","sound");
x.setAttribute("src", "../song.mp3");
x.setAttribute("autoplay", "autoplay");
x.setAttribute("loop","loop");
document.body.appendChild(x);



//控制背景音乐的播放与暂停
function change(){

	var picObj=document.getElementById("ctr_bnt");
	var song=document.getElementById("sound");
	if(picObj.getAttribute("src")=="images/qd3ODGuq.gif"){
		
		picObj.src="images/e5L45fcu.gif";
		song.pause();
	}else{
		if(song.paused){
			song.play();
			picObj.src="images/qd3ODGuq.gif";
		}
		
		
	}
	
}

//返回顶部

$(window).bind('scroll',function(){//绑定页面滚动事件
	
	var len=$(this).scrollTop();
	if(len>100){
		$('#up').fadeIn("slow");
		}else{$('#up').fadeOut("slow");}
});

//绑定回到顶部按钮点击事件

$('#up').click(function(){
	
	$(document).animate({scrollTop:0},"slow");//动画效果，平滑滚动到顶部
});

//切换卡
$(function(){
	$('#tab1 li:eq(1) a').tab('show');
	
});

//左边栏隐藏
$(window).resize(function(){
	var wid=document.body.clientWidth;
	if(wid<1000){

		$('#myScrollspy').css("display","none");
	}else{
		$('#myScrollspy').css("display","block");
	}
});




//轮番
	var aPage1 = $('#buyi .page a');		//分页按钮
	var aImg1 = $('#buyi .box img');		//图像集合
	var iSize1 = aImg1.size();               //图像个数
	var index1 = 0;		//切换索引
	
	var aPage2 = $('#zhezhi .page a');		//分页按钮
	var aImg2 = $('#zhezhi .box img');		//图像集合
	var iSize2 = aImg2.size();              //图像个数
	var index2 = 0;		//切换索引
	
	
	var aPage3 = $('#bianzhi .page a');		//分页按钮
	var aImg3 = $('#bianzhi .box img');		//图像集合
	var iSize3 = aImg3.size();              //图像个数
	var index3 = 0;		//切换索引
	
	var aPage4 = $('#other .page a');		//分页按钮
	var aImg4 = $('#other .box img');		//图像集合
	var iSize4 = aImg4.size();              //图像个数
	var index4 = 0;		//切换索引
	
	
	$('#btnLeft1,#btnLeft2,#btnLeft3,#btnLeft4').click(function(){		//左边按钮点击
		index1--;
		index2--;
		index3--;
		index4--;
		if(index1<0){
			index1=iSize1-1
		}
		if(index2<0){
			index2=iSize2-1
		}
		if(index3<0){
			index3=iSize3-1
		}
		if(index4<0){
			index4=iSize4-1
		}
		changePic(index1);
		changePic(index2);
		changePic(index3);
		changePic(index4);
	})
	/*
	$('#btnLeft2').click(function(){		
		index2--;
		if(index2<0){
			index2=iSize2-1
		}
		changePic(index2)
	})
	$('#btnLeft3').click(function(){		
		index3--;
		if(index3<0){
			index3=iSize3-1
		}
		changePic(index3)
	})
	$('#btnLeft4').click(function(){		
		index4--;
		if(index4<0){
			index4=iSize4-1
		}
		changePic(index4)
	})
	*/
	$('#btnRight1,#btnRight2,#btnRight3,#btnRight4').click(function(){    //右边按钮点击
		index1++;
		index2++;
		index3++;
		index4++;
		if(index1>iSize1-1){
			index1=0
		}
		if(index2>iSize2-1){
			index2=0
		}
		if(index3>iSize3-1){
			index3=0
		}
		if(index4>iSize4-1){
			index4=0
		}
		changePic(index1);
		changePic(index2);
		changePic(index3);
		changePic(index4);
	})
	

	//分页按钮点击
	aPage1.click(function(){
		index1 = $(this).index();
		changePic(index1)
	});
	aPage2.click(function(){
		index2 = $(this).index();
		changePic(index2)
	});
	aPage3.click(function(){
		index3 = $(this).index();
		changePic(index3)
	});
	aPage4.click(function(){
		index4 = $(this).index();
		changePic(index4)
	});
	
	//切换过程
	function changePic(index){
		aPage1.removeClass('active1');
		aPage2.removeClass('active2');
		aPage3.removeClass('active3');
		aPage4.removeClass('active4');
		aPage1.eq(index).addClass('active1');
		aPage2.eq(index).addClass('active2');
		aPage3.eq(index).addClass('active3');
		aPage4.eq(index).addClass('active4');
		aImg1.stop();
		aImg2.stop();
		aImg3.stop();
		aImg4.stop();
		//隐藏除了当前元素，所以图像
		aImg1.eq(index).siblings().animate({
			opacity:0
		},500);
		//显示当前图像
		aImg1.eq(index).animate({
			opacity:1
		},500);
		
			aImg2.eq(index).siblings().animate({
			opacity:0
		},500);
		//显示当前图像
		aImg2.eq(index).animate({
			opacity:1
		},500);
		
			aImg3.eq(index).siblings().animate({
			opacity:0
		},500);
		//显示当前图像
		aImg3.eq(index).animate({
			opacity:1
		},500);
		
			aImg4.eq(index).siblings().animate({
			opacity:0
		},500);
		//显示当前图像
		aImg4.eq(index).animate({
			opacity:1
		},500);
	}

	 
	function autoshow() {
		index1=index1+1;
		index2=index2+1;
		index3=index3+1;
		index4=index4+1;
		if(index1<=iSize1-1){
		   changePic(index1);
		}else{
			index1=0;
			changePic(index1);
		}
		if(index2<=iSize2-1){
		   changePic(index2);
		}else{
			index2=0;
			changePic(index2);
		}
		if(index3<=iSize3-1){
		   changePic(index3);
		}else{
			index3=0;
			changePic(index3);
		}
		if(index4<=iSize4-1){
		   changePic(index4);
		}else{
			index4=0;
			changePic(index4);
		}
			
	}
	int=setInterval(autoshow,3000);
	function clearInt() {
		$('#btnLeft1,#btnRight1,#btnLeft2,#btnRight2,#btnLeft3,#btnRight3,#btnLeft3,#btnRight3,.page a').mouseover(function() {
			clearInterval(int);
		})
	
	}
	function setInt() {
		$('#btnLeft1,#btnRight1,#btnLeft2,#btnRight2,#btnLeft3,#btnRight3,#btnLeft3,#btnRight3,.page a').mouseout(function() {
			int=setInterval(autoshow,3000);
		})
	}
	clearInt();
	setInt();
	
	